<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>梦依诗后台管理-登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/ico" th:href="@{/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/login.css}">
</head>
<body>
<div class="limiter">
    <div class="login">
        <div class="login-div" href="/web/index">
            <a href="/web/index">
            <img class="login-img" th:src="@{/images/login.png}"/>
            </a>
        </div>
        <div class="login-info">
            <p class="title26"><span>梦依诗官网后台管理</span></p>
            <p class="title20"><span>Morease Website Management</span></p>
        </div>
    </div>
    <div class="sign-login">
        <div class="wrap-login">
            <div class="login-form-title">
                <span style="font-size: 26px;">用户登录 / USER LOGIN</span>
            </div>
            <form id="loginForm" th:action="@{/loginService}" class="layui-form login-form" autocomplete="off">
                <div class="layui-form-item item-div" data-validate="用户名不能为空">
                    <div class="layui-input-inline">
                        <input type="text" id="name"  name="name" lay-verify="required|userLen" autocomplete="off" placeholder="请输入用户名或手机号"
                               style="width:300px;" class="layui-input layui-form-danger">
                    </div>
                </div>

                <div class="layui-form-item item-div" data-validate="密码不能为空">
                    <div class="layui-input-inline">
                        <input type="password" id="pwd" name="pwd" lay-verify="required|passLen" autocomplete="off" placeholder="请输入密码"
                               style="width:300px;" class="layui-input layui-form-danger">
                    </div>
                </div>

                <div id="warningMsg" class="warning">用户名或密码错误!</div>
                <button class="layui-btn item-div" id="addItem" style="width:300px;">登录</button>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript" th:src="@{/js/plugins/jquery-1.11.3.min.js}"></script>
<script type="text/javascript" th:src="@{/js/plugins/mixencode-1.0.min.js}"></script>
<script type="text/javascript" th:src="@{/js/login.js}"></script>
</body>
</html>
